.energy-effect-layout {
  .blank-chart {
    border: 1px solid #dcdee2;
  }
  &.ivu-layout {
    flex-direction: row;
  }
  .layout-left-container {
    width: 210px;
    background: #fff;
    height: 100%;
    overflow: hidden;
    transition: all 0.5s ease;
    ul.ivu-menu {
      &:after {
        display: none;
      }
      &.ivu-menu-light.ivu-menu-vertical
        .ivu-menu-item-active:not(.ivu-menu-submenu):after {
        left: 0;
        width: 2px;
      }
    }
  }
  .layout-right-container {
    box-sizing: border-box;
    width: calc(100% - 210px);
    height: 100%;
    overflow-y: auto;
    background-color: #fff;
    border-left: 1px solid #dcdee2;
    .right-tab-container {
      .ivu-tabs .ivu-tabs-nav {
        float: right;
      }
      .ivu-card {
        .ivu-card-head {
          box-sizing: border-box;
          padding-top: 10px;
          padding-bottom: 10px;
          line-height: normal;
          border: 0 none;
        }
        .ivu-card-body {
          padding-left: 0;
          padding-right: 0;
        }
        .ivu-card-extra {
          top: 10px;
        }
      }
      .tab-content-has-control {
        position: relative;
      }
      .tab-content {
        box-sizing: border-box;
        padding: 0 16px;
        .card-body {
          .chart-bottle {
            height: 300px;
            margin-bottom: 16px;
          }
        }
      }
    }
  }
}

.table-content {
  .table-header {
    .table {
      width: 100%;
      border-collapse: collapse;
      table-layout: fixed;
      border-top: 1px solid #e9eaec;
      border-left: 1px solid #e9eaec;
      overflow: hidden;
      color: #515a6e;
      font-size: 12px;
      background-color: #fff;
      box-sizing: border-box;
      tr {
        td {
          min-width: 0;
          height: 48px;
          box-sizing: border-box;
          text-align: left;
          text-align: center;
          text-overflow: ellipsis;
          vertical-align: middle;
          border-bottom: 1px solid #e9eaec;
          border-right: 1px solid #e9eaec;
          background-color: #fff;
        }
        &:last-child {
          td {
            border-bottom: 0 none;
          }
        }
      }
      & + .ivu-table-wrapper {
        .ivu-table {
          .ivu-table-body {
            &.ivu-table-overflowX {
              overflow-x: hidden;
            }
          }
        }
      }
    }
  }
}

table.mailTable {
  margin-top: 15px;
  border-collapse: collapse;
  border: 1px solid #aaa;
  width: 100%;
  text-align: center;
}

table.mailTable th {
  vertical-align: baseline;
  padding: 5px 15px 5px 6px;
  background-color: #3f3f3f;
  border: 1px solid #3f3f3f;
  color: #fff;
}

table.mailTable td {
  vertical-align: text-top;
  padding: 6px 15px 6px 6px;
  border: 1px solid #aaa;
}

table.mailTable tr:nth-child(odd) {
  background-color: #f5f5f5;
}

table.mailTable tr:nth-child(even) {
  background-color: #fff;
}
